<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个简单的jquery程序</title>
    <style type="text/css">
        div{
            padding:8px 0px;
            font-size:12px;
            text-align:center;
            border:solid 1px #888;
        }
    </style>
</head>
<body>
    <div></div>
</body>
<!--$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，
因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。-->
<script src="../jquery-3.4.1.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("div").html("Hello World");
    })
</script>
</html>